<template>
	<view>
		<view class="w343"  v-for="item in 3">
			<view class="w90 fs14">
				<h5>农夫果园(万达店)</h5>
				<h5 style="position: absolute;right: 30rpx;">拼团中</h5>
			</view>
			<view class="w90" style="height:184rpx;padding-bottom: 32rpx;border-bottom: 1rpx solid rgba(243,243,243,1);">
				<image src="../../../static/22.png"></image>
				<view style="margin-left: 20rpx;">
					<view class="fs13" style="width: 500rpx;position: relative;">赣南脐橙 
						<text style="position: absolute;right: 0;">￥8.8</text>
					</view>
					<text class="Ptc fs11">规格: 2斤</text><br>
					<text class="Ptc fs12">×2</text>
				</view>
			</view>
			<view class="w90" style="height: 44rpx;line-height: 60rpx;position: relative;">
				<text class="fs12">总计 :</text>
				<text class="fs12" style="color: rgba(254,64,30,1);">￥</text>
				<text class="fs17" style="color: rgba(254,64,30,1);font-weight: 700;">99.80</text>
				<text v-if="item == 3" class="fs12" style="color: rgba(171,171,171,1);margin-left: 90rpx;">删除订单</text>
				<view class="fs13 examine">查看</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

.w343{
	width: 686rpx;
	height: 346rpx;
	margin: 00rpx auto;
	background: #FFFFFF;
	position: relative;
}
.w90{
	width: 90%;
	margin: 0 auto;
	padding-top: 28rpx;
	display: flex;
}
.w90>image{
	width: 108rpx;
	height: 108rpx;
}
.Ptc{
	color: rgba(184,184,184,1);
}
.examine{
	line-height: 29rpx;
	padding: 14rpx 50rpx;
	border: 1rpx solid rgba(220,220,220,1);
	border-radius: 18rpx;
	color: rgba(171,171,171,1);
	position: absolute;
	right: 0;
}
</style>
